<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--图片 src属性链接到图片的地址 alt图片加载失败文字说明
        width和height也是图片特有属性 只需要设置其中一个，另一个会进行自适应
    -->
    <img width="150px" src="../音视频/6.jpg" alt="图片加载失败文字说明">
    <!--<img width="150px" src="https://pic1.zhimg.com/v2-d094166746ca67d2a2ed61042e2675ce_1440w.jpg?source=172ae18b">-->

    <!--视频标签
        controls 控制条
        width 宽度
        height 高度
        autoplay 自动播放
        loop 循环播放
        muted 静音播放
        poster 设置封面
    -->
    <video width="400px" autoplay muted loop  src="../音视频/1.mp4" controls></video> `
    <!-- 
        audio 音频标签
        controls 控制条
        autoplay 自动播放
        muted 静音播放
        loop 循环播放
        width和height和poster属性不可用
    -->
    <audio autoplay  controls loop muted src="../音视频/1.mp3"></audio>
</body>
</html>